<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery.min.js"></script>
    <script src="js/layer/layer.js"></script>
    <script src="js/jquery.shCircleLoader.js" type="text/javascript"></script>
    <style link="css/jquery.shCircleLoader.css"></style>
    <style link="js/layer/skin/default/layer.css"></style>
</head>
<body>
<button id="test1">弹 去掉滚动条</button>
<button id="test2">小小提示2</button>
<button id="test3">小小提示3</button>
<button id="test4">小小提示4</button>


<style>
    body {
        margin: 0;
        padding: 0;
        border: 0;
    }

</style>

<script>

    /*Loading*/
    $('#test1').on('click', function () {
        layer.open({
            type: 2,
            title: false,
            shadeClose: true,
            area: ['125px', '125px'],
            shade: [0.4, '#A8AAAB'],
            content: ['loading.html', 'no'],
            closeBtn: 0
        });
    });


    $('#test2').on('click', function () {
        layer.open({
            type:2,
            title: '融宝快捷支付协议',
            shade: 0.8,
            shadeClose: true,
            closeBtn:2,
            skin:'dialog-class',
            area: ['70%', '90%'],
            content:'protocol.html'
        })
    });

    $('#test3').on('click', function () {
        var index = layer.load(2);
    });
    $('#test4').on('click', function () {
    });

</script>
</body>
</html>